<ul class="side-sub-menu sidebar-menu" data-widget="tree">

    {notempty name="_extra_menu"}
    {// 动态扩展菜单 //}
        {:extra_menu($_extra_menu,$__MENU__)}
    {/notempty}
    <!-- 子导航 -->
    {volist name="__MENU__.child" id="sub_menu"}
        {notempty name="sub_menu"}
            {notempty name="key"}
                <li class="treeview menu-open">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>{$key}</span>
                        <span class="pull-right-container">
                          <i class="fa fa-angle-left pull-right"></i>
                        </span>
                    </a>
                    <ul class="treeview-menu" style="display: block;">
                        {volist name="sub_menu" id="menu"}
                        <li><a href="{$menu.url|url}"><i class="{$menu['icon'] ? $menu['icon'] : 'fa fa-circle-o'}"></i> {$menu.title}</a></li>
                        {/volist}
                    </ul>
                </li>
            {else/}
                {volist name="sub_menu" id="menu"}
                <li><a class="fa fa-circle-o" href="{$menu.url|url}">{$menu.title}</a></li>
                {/volist}
            {/notempty}
        {/notempty}
    {/volist}
    <!--/ 子导航 -->
    <!--内容子导航-->
    {notempty name="nodes"}
    {:action('Menu/sidetree', array($nodes,'menu/sidenodes'))}
    {eq  name="show_recycle" value="1"}
    <li> <a href="{:url('article/recycle')}"><i class="fa fa-trash"></i>回收站</a></li>
    {/eq}
    {/notempty}

    <li class="treeview">
        <a href="#">
            <i class="fa fa-share"></i> <span>Multilevel</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
        </a>
        <ul class="treeview-menu">
            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
            <li class="treeview">
                <a href="#"><i class="fa fa-circle-o"></i> Level One
                    <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
                    <li class="treeview">
                        <a href="#"><i class="fa fa-circle-o"></i> Level Two
                            <span class="pull-right-container">
                      <i class="fa fa-angle-left pull-right"></i>
                    </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
        </ul>
    </li>

    <li class="header">LABELS</li>
    <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
    <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
</ul>